<template>
  <div>
    <div>
      {{this.$t('configLazyLoad.process.node6')}}
    </div>
    <search
      :isReloadIvr="false"
      :showAdvSearch="false"
      @add="add"
      @refresh="refresh"
      @turnPage="turnPage"
      :currentPage="currentPage"
      :count="count"
      :pageSize="pageSize"
    >
    </search>
    <el-table
      ref="multipleTable"
      :data="tableData"
      size="mini"
      tooltip-effect="dark"
      style="width: 100%">
      <el-table-column
        :label="$t('config.channel.webchatProcessName')">
        <template scope="scope"><span class="processLiName">{{ scope.row.name }}</span></template>
      </el-table-column>
      <el-table-column
        :label="$t('config.channel.lastUpdateTime')">
        <template scope="scope">{{ scope.row.channelType }}</template>
      </el-table-column>
    </el-table>
  </div>
</template>
<script>
  import search from '../../base/search.vue'
  export default{
    name: 'areaNode',
    data () {
      return {
        currentPage: 1,
        count: 0,
        pageSize: 10,
        tableData: []
      }
    },
    components: {
      search
    }
  }
</script>
<style lang="stylus" scoped>
  @import "../../../../../../assets/common.styl"
  .processLiName
    color $c-main
    cursor pointer
  .searchWrap
    border 1px solid #e7e7eb
    border-bottom none
</style>
